<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>


    function fn(a, b) {
        console.log("函数执行了", this);
        console.log("关于参数", a, b);
    }

    // call apply  会先调用原函数  -> 原函数执行过程中 -> this指向第一参数(对象)  -> 借鸡生蛋(将原函数借用过来执行一次)
    // fn.call(document, 10, 20);
    // fn.apply(document.body, [100, 200]);

    // bind()   根据原函数生成新函数 -> 新函数需要调用执行 -> 新函数调用时this->bind方法的第一参数
    // var newFn = fn.bind(document, 10, 20);

    // newFn()
    // newFn()
    // newFn()
    // newFn()
    // newFn()

    // var newFn = fn.bind(document);
    // newFn(1, 2)
    // newFn(3, 4)











</script>

</html>